iT邦幫忙

2022 iThome 鐵人賽

DAY 3
0
Modern Web

30天UIUX自學之路系列 第 3

DAY3 信用卡付款介面製作

  • 分享至 

  • xImage
  •  

Daily UI第三日,先來說明前面未說明的UI/UX介紹。

使用者介面 (User Interface, UI)
使用者在使用數位產品的流程中,使用到的操作介面,包含介面的視覺設計(圖像、排版、互動性)。

使用者經驗(User Experience, UX)
使用者在使用產品的過程中,經歷到的所有體驗,包含等待時間、操作流程、使用者使用的心理層面等等。


今天的題目是Credit Card Checkout,信用卡付款的確認頁面,做的是與金融卡相關的,關於信用卡登入的部分,然而我本身並沒有使用信用卡,所以對於對於支付流程方式花了不少時間研究,當遇到與自己生活經驗不相關、不熟悉的介面設計該如何思考?成為了今日的重要課題。


既然要跳入一個相較不熟悉的內容,有三個方法:

  1. 直接化身為使用者,辦一張信用卡,購買商品就可以看到完整流程了
  2. 參考平日電商購物網站時的信用卡付款介面
  3. 觀察其他人在發表關於這篇題目的文章或是作品,並且分析他

我選擇了2跟3,


今日成果:
https://ithelp.ithome.com.tw/upload/images/20221016/20151451Y5j7PgF19C.jpg

今日心得:
學習的道路上一定會有許多一開始不了解的內容,但是萬丈高樓平地起,總是要逐步累積才能夠把過去的經驗化為自身的養分,慢慢累積實力,一開始參加鐵人賽的挑戰就是為了能夠在有限的時間內學習UIUX,不要要求過高讓自己被打擊,要先把標準放低一些才能夠累積信心。


上一篇
Day 02 介面設計工具簡介 來製作登入畫面吧!
下一篇
Day 04 來做Landing page吧!
系列文
30天UIUX自學之路30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言